<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>案例</title>
  <link rel="stylesheet" href="./css/public.css">
  </link>

  <link rel="stylesheet" href="./css/al.css">
  <link rel="stylesheet" href="./css/al_mobile.css">
  </link>
  <link rel="stylesheet" href="./css/swiper.min.css">
  </link>
</head>

<body class="home_page">
  <!-- 导航 -->
  <div class="header_wrap">
    <div class="header">
      <div class="logo">
        <img src="./images/logo.png" alt=""></img>
        <span>专注于室内装饰装修</span>
      </div>

      <div class="search">
        <input type="text" placeholder="请输入您要搜索的内容" />
        <button type="button">搜索</button>
      </div>

      <div class="phone">
        <img src="./images/phone.png" alt=""></img>
        <span>19059579510</span>
      </div>
    </div>
  </div>

  <div class="nav_wrap">
    <div class="nav">
      <a class="" href="javascript:;">首页</a>
      <a class="" href="javascript:;">关于我们</a>
      <a class="active" href="javascript:;">经典案例</a>
      <a class="" href="javascript:;">设计师</a>
      <a class="" href="javascript:;">装修保障</a>
      <a class="" href="javascript:;">装修报价</a>
      <a class="" href="javascript:;">联系我们</a>
    </div>
  </div>

  <!-- banner -->
  <div class="banner">
    <h2>经典案例</h2>
    <div class="menu_box">
      <span>您当前的位置：</span>
      <a href="javascript:;">首页</a>
      <span>&gt;</span>
      <a href="javascript:;">经典案例</a>
    </div>
  </div>

  <div class="tab_header_wrap">
    <div class="tab_header">
      <div class="item all active">全部</div>
      <div class="item active">办公</div>
      <div class="item">餐饮</div>
      <div class="item">教育</div>
      <div class="item">商业</div>
      <div class="item">会所</div>
    </div>
  </div>

  <div class="tab_body_wrap">
    <div class="tab_body_box">
      <div class="tab_body_item">
        <div class="img" style="background-image: url('./images/al/1.jpg');"></div>
        <div class="tt">贝士德科技</div>
        <div class="tag">办公空间 | 科技公司 | 656m²</div>
      </div>
      <div class="tab_body_item">
        <div class="img" style="background-image: url('./images/al/1.jpg');"></div>
        <div class="tt">贝士德科技</div>
        <div class="tag">办公空间 | 科技公司 | 656m²</div>
      </div>
      <div class="tab_body_item">
        <div class="img" style="background-image: url('./images/al/1.jpg');"></div>
        <div class="tt">贝士德科技</div>
        <div class="tag">办公空间 | 科技公司 | 656m²</div>
      </div>
      <div class="tab_body_item">
        <div class="img" style="background-image: url('./images/al/1.jpg');"></div>
        <div class="tt">贝士德科技</div>
        <div class="tag">办公空间 | 科技公司 | 656m²</div>
      </div>
      <div class="tab_body_item">
        <div class="img" style="background-image: url('./images/al/1.jpg');"></div>
        <div class="tt">贝士德科技</div>
        <div class="tag">办公空间 | 科技公司 | 656m²</div>
      </div>
    </div>
  </div>

  <div class="fy">
    <div id="pagination1" class="page fl"></div>
    <div class="m_fy">
    <div>上一页</div>
    <div>下一页</div>
  </div>
  </div>
  


  <!-- footer -->
  <div class="footer_container">
    <div class="footer_content">
      <div class="left">
        <div class="nav_section">
          <a href="javascript:;" class="nav_item">关于我们</a>
          <a href="javascript:;" class="nav_item">经典案例</a>
          <a href="javascript:;" class="nav_item">设计师</a>
          <a href="javascript:;" class="nav_item">装潢版权所有</a>
          <a href="javascript:;" class="nav_item">维修保质</a>
          <a href="javascript:;" class="nav_item">联系我们</a>
        </div>
        <div class="company_logo">
          <img src="./images/footer_1.png" alt="" srcset="">
        </div>
        <div class="service_idea">服务理念:致力于科学解决公装</div>
      </div>

      <div class="qr_section">
        <div class="qr_text">扫码添加微信客服</div>
        <div class="qr_code">
          <img src="./images/footer_4.jpg" alt="" srcset="">
        </div>
      </div>


      <div class="contact_section">
        <div class="phone_name">服务电话：</div>
        <div class="phone_number">19059579510</div>
        <div class="work_hours">周一至周日：9：00--18：00</div>
        <button class="contact_button">联系在线客服</button>
      </div>
    </div>

    <div class="copyright">亚中装饰版权所有 豫ICP备2025112423号</div>
  </div>
  <div class="footer_fixed">
    <div class="footer_fixed_bg"></div>
    <div class="footer_box">
      <img class="img" src="./images/footer_2.png" alt="" srcset="">
      <div class="txt">
        <span>十秒快速报价</span>
        <span>算一算装修需要多少钱？</span>
      </div>
      <button class="btn">装修报价提前预算</button>
      <img id="top" class="top" src="./images/footer_5.png" alt="" srcset="">
    </div>
  </div>
</body>

<script src="./js/jquery-1.7.2.min.js"></script>
<script src="./js/gsap.min.js"></script>
<script src="./js/ScrollTrigger.min.js"></script>
<script src="./js/public.js"></script>
<script src="./js/fy.js"></script>
<script>
  $(function () {
    $("#pagination1").pagination({
      currentPage: 1,
      totalPage: 12,
      callback: function (current) {
        $("#current1").text(current)
        console.log(current)

      }
    })

    if (window.screen.width < 500) {
      // 当前设备是移动设备 
      $('#pagination1').hide()
    }else{
      $('.m_fy').hide()
    }
  });
</script>

</html>